<style>

</style>
<!-- 商品图片 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <{if $page_product_basic.images}>
        <{foreach from=$page_product_basic.images item=image}>
        <div class="swiper-slide"><img src="<{$image.image_id|storager:'m'}>" alt="<{$page_product_basic.title}>"></div>
        <{/foreach}>
        <{else}>
        <div class="swiper-slide"><img src="<{$setting.imageDefault.S.default_image|storager}>" alt="<{$page_product_basic.title}>"></div>
        <{/if}>
    </div>

    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>


</div>

<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',

        // 如果需要分页器
        pagination: '.swiper-pagination',
    })
</script>